@charset "utf-8";
@import "utils";
.commentListWeb{
    @include web;
    .commentCon{
        @include midContent;
        .title{
            border-bottom: r(1) solid #eba593;
            margin-top: r(50);
            p{
                width: r(175);
                height: r(54);
                text-align: center;
                line-height: r(54);
                color: white;
                font-size: r(23+8);
                margin-left: r(20);
                background: #EBA593;
                letter-spacing: r(2);
                border-radius: r(5);
            }
        }
        .commentDetails{
            .stars{
                font-size: 0;
                margin-top: r(46);
                position: relative;
                span{
                    color: #666;
                    font-size: r(23+8);
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: r(30);
                }
                div{
                    margin-left: r(25);
                    display: inline-block;
                    vertical-align: middle;
                    height: r(42);
                    img{
                        display: inline-block;
                        height: 100%;
                        margin-right: r(12);
                    }
                }
                .time{
                    position: absolute;
                    right: r(25);
                    bottom: r(0);
                    font-size: r(20+8);
                    width: r(260);
                    overflow: hidden;
                    text-align: right;
                }
            }
            &>p{
                padding: 0 r(10);
                font-size: r(23+8);
                line-height: r(48);
                color: #626362;
                margin-top: r(38);
                letter-spacing: r(2);
            }
            .showImgs{
                font-size: 0;
                padding-left: r(10);
                box-sizing: border-box;
                margin-top: r(16);
                li{
                    display: inline-block;
                    margin-right: r(27);
                    margin-top: r(20);
                    width: r(172);
                    height: r(172);
                    border: r(1) solid #e1e1e1;
                    position: relative;
                    overflow: hidden;
                    img{
                        @include abCenter;
                        width: 100%;
                    }
                }
            }
        }
    }
}
